<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />

<link rel="stylesheet" href="css/iphone.css" type='text/css' media='all' />
<link rel="stylesheet" href="css/style.css" type='text/css' media='all' />

 
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.iphone.js"></script>  
<script type="text/javascript" src="js/ui/ui.iMenu.js"></script>
<script type="text/javascript" src="js/ui/ui.iTabs.js"></script> 

<title>MyTest</title>
	
	<script type="text/javascript">

	$(document).ready(function()
	{ 
		$(".menu").iMenu();
		$(".tabbar").iTabs();
	});
	</script>							 
</head>

<body>
	
	<h2>TEST</h2>

	<div id="mail" title="Mail">
		<ul class="menu"> 
			<li><a href="#" title="Mail 1" class="arrow">Label 1</a></li> 
			<li><a href="#" title="Mail 2" class="arrow">Label 2</a></li> 
			<li><a href="#" title="Mail 3">Label 3</a></li> 
			<li><a href="#" title="Mail 4">Label 4</a></li> 
		</ul>
	</div> 
	
	<div id="chat" title="Chat">
		<ul class="menu"> 
			<li><a href="#" title="Chat 1" class="arrow">Label 1</a></li> 
			<li><a href="#" title="Chat 2" class="arrow">Label 2</a></li> 
			<li><a href="#" title="Chat 3">Label 3</a></li> 
			<li><a href="#" title="Chat 4">Label 4</a></li> 
		</ul>
	</div> 
	
	
	<div id="search" title="Search">...</div> 
	<div id="options" title="Options">...</div> 

	<ul class="tabbar"> 
		<li><a class="iicon" href="#mail" title="Mail"><em class="ii-envelope"></em>Mail</a></li> 
		<li><a class="iicon" href="#chat" title="Chat"><em class="ii-chat2"></em>Chat</a></li> 
		<li><a class="iicon" href="#search" title="Search"><em class="ii-magnify"></em>Search</a></li> 
		<li><a class="iicon" href="#options" title="Options"><em class="ii-gear2"></em>Options</a></li> 
	</ul> 


</body>
</html>
